
html, body {
  margin:0; height:100%;
  font-family:"Lucida Grande", "Lucida Sans Unicode",
            "Bitstream Vera Sans", "Verdana", sans-serif;
  font-size:small;
}
div.wrapper {
  background-color:#f2f2f2;
  min-height:100%; height:auto !important; height:100%;
  margin: 0 auto -24px;
}
div.footer, div.push {
  height: 12px; font-size: 16px;
  text-transform: uppercase; letter-spacing:0.1em;
  text-align:center; color:#fff;
}
div.footer:hover { color:#ddd;}

div#main {
  background-image: url(/spool/static/gradient.gif);
  background-repeat: repeat-x;
  padding: 2em;
}
div#container {
  width:55em;
  background-color:#fff;
  margin: 0 auto;
  border: 1px solid #aaa;
}
div#content { margin:1em; }

a { color:#222; text-decoration: none; font-weight:bold;}
a:hover { color:#444; }
img { border:0; display:block;}

div#navbar {
  font-family: "Trebuchet MS", sans-serif;
  margin:0;
  background-color:#333;
  color:#fff;
  border-bottom:2px solid #111;
  height:30px;
  line-height:30px;
}
div#navbar a { text-decoration:none; color:#ccc; font-weight:normal;}
div#navbar a:hover { color:#fff;}
div#navbar div#logo { position:absolute; left:0; top:0; }
div#navleft { float:left; }
div#navleft form { display:inline; }
div#navleft form#searchbox input { 
  border:none; width:150px;
  float:left; margin-left: 40px; margin-right:5px;
  position:relative; top:5px;
}
div#navleft .navbutton {
  padding:0 0.25em;
  text-transform:uppercase;
  color:#ccc; font-size:12px;
  border:1px solid #555;
}
div#navleft .navbutton:hover { background-color:#555; color:#fff; }

span#navright { float:right; font-size:16px; padding-right:1em;}
  
#header { 
  background-image: url(/spool/static/tile.gif);
  background-repeat: repeat;
  margin-bottom:0.25em;
  padding:0.25em 0;
  font-size:700%;
  text-align:center; width:100%; letter-spacing:-0.05em;
}
#header a { color:#fff;}
#header a:hover { color:#eee;}

#errorcode {
  margin-bottom:0.1em;
  margin-top:-0.4em;
  font-size:1000%;
  font-family: "Georgia", serif;
  color:#f00;
}

div.thread { margin:2em 0 1em;}
div.thread-heading {
  margin:0.5em 0;
  font-weight:bold; font-family:serif;
  border-bottom:2px groove; width:100%;
}
span.thread-title {font-size:x-large; font-family:serif;}
div.archive-heading {
  margin:1em 0;
  font-weight:bold; font-size:xx-large; font-family:serif;
  border-bottom:4px groove; width:100%;
}
.thread-byline { font-variant:small-caps; font-weight:bold; }
.thread-byline.right { padding-left:0.75em;}


div.comments { margin:0.5em 0; }

div.comment {
  margin-bottom:0.5em;
  overflow: auto; /* scrollbar for FF < 3.1 */
  position:relative;
}
div.spacer { clear:both; }
div.byline {
  font-size:90%; font-family: "Trebuchet MS", sans-serif;
  float:left; text-align:right; width:9em; margin: 0; padding:0.5em 0.5em 0 0;
}
.nowrap { white-space:nowrap;}
span.time { font-variant:small-caps;}

.right, div.commentbody, div#commentbox { margin-left:8.5em; }

div.commentbody {
  padding:0.5em;
  border-left:3px dotted #aaa;
  background-color:#fbfbff;
  border-bottom: 1px solid #fff; /* Fixes IE creeping */ 
  word-wrap:break-word; /* works everywhere but FF < 3.1 */
}
div.upfront {
  background-color:#f4f4ff;
  border-left:3px solid #888;
}

div#commentbox { margin-right: 1em; }
div#commentbox textarea#comment { width:500px; }

div.refbox { padding-bottom:1em;}
.reference { color:#008; }
.reference:hover { color:#448; }
div.context { margin-bottom: 1em; }

.error { color:#800; font-weight:bold; }

